@charset "utf-8";
footer,
/*footer*/
footer {background: #000000; min-height: 225px;}
footer .top {padding: 60px 0; padding-bottom: 30px; max-height: 300px;}
footer .top .left {width: 60%;}
footer .top .linkBox {width: 200px; height: 40px; background: #1e1e1e; cursor: pointer; line-height: 40px; font-size: 14px; color: #fff; margin-right: 3px; position: relative;}
footer .top .linkBox p {font-size: 16px; color: #fff;}
footer .top .linkBox .hide {position: absolute; top: -131px; left: 30px;}
footer .top.linkBox p {display: inline-block; width: 80px; height: 31px; overflow: hidden;}
footer .top .linkBox .hide a {display: block; width: 200px; height: 31px; overflow: hidden; color: #747678; transition: 0.5s;}
footer .top .linkBox .hide a:hover {color: #f36f21;}
footer .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #f36f21;}
footer .top .left nav {margin-top: 30px;}
footer .top .left nav a {display: inline-block; font-size: 14px; color: #fff; margin-right: 35px;}
footer .top .left nav a:hover {text-decoration: underline;}
footer .top .right i {display: block; width: 100px; height: 100px; position: relative; float: left; margin-right: 20px;}
footer .top .right ul li {height: 25px; width: 300px; line-height: 25px; font-size: 14px; color: #fff; padding-left: 30px; margin-bottom: 13px; margin-left: 60px;}
footer .top .right ul li a {font-size: 14px; color: #fff;}
footer .top .right ul li a:hover {text-decoration: underline;}
footer .bottom {padding: 10px 0; text-align: center; font-size: 12; color: #999;}
footer .bottom i {display: inline-block; width: 20px; height: 20px; position: relative; vertical-align: middle;}
footer .bottom p {line-height: 20px;}
footer .bottom a.map {color: #999;text-decoration: underline;}
footer .bottom a.map:hover {color: #f36f21;}

img.vcenter {  width: 100%;  height: 100%;}
a.yl {color: #f1f1f1; padding-left: 1px; line-height: 30px;}
a.yl:hover {color: red;}
footer .top .linkBox {width: 200px; height: 40px; background: #686868 url(/storage/14369/images/20190123/link.png) no-repeat 170px center; cursor: pointer;  line-height: 40px; font-size: 14px; color: #fff; margin-right: 3px;position: relative; }
footer .flink .title {display: block; padding-left: 4px;  width: 155px; height: 30px;  margin-top: 6px; border-right: 1px solid #e1e1df;  text-align: center; color: #fff;}
footer .flink .foptn {width: 100%; bottom: 5px; z-index: 99; position: absolute; display: none; background: rgba(0,0,0,0.1); margin-bottom: 35px;  }
.overflowno { overflow: initial;}
.flink:hover .foptn { display: block;}

@media (min-width: 991px) and (max-width: 1205px) {
footer .top .left nav a {margin-right: 10px;}
footer .top .right {padding-left: 20px;}
footer .top .right i {margin-right: 20px;}
footer .top .right ul {width: 50%;}
footer .top .right ul li {width: 100%;}
}

@media (min-width: 768px) and (max-width: 991px) {
footer .top .left nav a {margin-right: 10px;}
footer .top .left {width: 100%;float: none; margin: 0 auto; margin-bottom: 15px;}
footer .top .linkBox {float: left;}
footer .top .left nav {float: left; margin-top: 8px; margin-left: 30px;}
footer .top .right {padding-left: 0px; width: 100%; float: none; padding-left: 100px; margin: 0 auto;}
footer .top .right i { margin-right: 20px;}
footer .top .right ul { width: 40%;}
footer .top .right ul li { width: 90%;}
}

@media (max-width: 767px) {
footer .top .left {width: 80%; margin-left: 10px;}
footer .top {padding: 10px 0; max-height: 350px;}
footer .top .right {float: none; width: 100%; padding-left: 0;}
footer .top .right ul {width: 100%;}
footer .top .right i { display: none; }
footer .bottom p {text-align: center; }
footer .bottom a.map {display: block; margin: 0 auto;}
footer .top .right ul li {width: 240px; margin-left: 0px }

}